{% extends "base.html" %}

{% block content %}
<h1>First, sign up for a "don't forget to vote" reminder.</h1>
<h2>We KNOW you don't want to forget to vote in the 2010 election - get this free reminder so you'll remember to fill out that ballot.</h2>

<form method="POST">
    {% if current_user.name %}{% else %}
    <div class="fbconnect-button">
        <a href="/auth/login">
            <img src="http://developers.facebook.com/images/devsite/login-button.png"/>
        </a>
    </div>
    {% endif %}
    <fieldset>
        <label for="name">Your Name:</label>
        <input name="name" id="name" size="30" value="{{ current_user.name }}"/><br/>
    </fieldset>

    <fieldset>
        <label for="email">Your Email:</label>
        <input name="email" id="email" size="30" value="{{ current_user.email }}"/><br/>
    </fieldset>

    <fieldset>
        <label for="zip">Zip Code:</label>
        <input name="zip" id="zip" size="10"/><br/>
    </fieldset>

    <fieldset>
        <input name="remind" id="remind" type="checkbox" class="checkbox"/>
        <label for="remind" class="reminder">Remind me to vote via text message</label><br/>
    </fieldset>

    <fieldset id="phone-wrap" class="hide">
        <label for="phone">Phone:</label>
        <input name="phone" id="phone" size="30"/><br/>
    </fieldset>

    <fieldset id="submit-wrap">
        <input type="submit" class="button" value="Next"/>
    </fieldset>
</form>
{% endblock %}

{% block footer %}
    &raquo; <a href="register">I just want to register to vote</a>
{% endblock %}
